* {
	box-sizing: border-box;
}

.flex {
	display       : flex;
	flex-direction: row;
}

.flex-c {
	display       : flex;
	flex-direction: column !important;
}

.f1 {
	flex: 1;
}
.f0{
	flex-shrink: 0;
}

// 上下左右居中
.flex-a-c {
	align-items    : center;
	justify-content: center;
}

.flex-a {
	align-items: center;
}

.flex-bt {
	justify-content: space-between;
}

.flex-around {
	justify-content: space-around;
}
.f0{
	flex-shrink: 0;
}
.fixed {
	position: fixed;
}

@tabarHeight: 100rpx;

.main-container {
	// padding-bottom: @tabarHeight;
}

.t-center {
	text-align: center;
}

.fs-24 {
	font-size: 24rpx;
}

.fs-26 {
	font-size: 26rpx;
}

.fs-28 {
	font-size: 28rpx;
}

.fs-30 {
	font-size: 30rpx;
}

.fs-32 {
	font-size: 32rpx;
}

.fs-36 {
	font-size: 36rpx;
}

.fs-40 {
	font-size: 40rpx;
}

.bold {
	font-weight: 600;
	font-weight: bold;
}



.dark-text {
	color: rgba(7, 11, 28, 0.6);
}

.c-90 {
	color: rgba(7, 11, 28, 0.9);
}

.c-80 {
	color: rgba(7, 11, 28, 0.8);
}

.c-60 {
	color: rgba(7, 11, 28, 0.6);
}

.c-40 {
	color: rgba(7, 11, 28, 0.4);
}

.deep-dark {
	color: #070B1C;
}

.black {
	color: #000000;
}
.active-text {
	color: #436AF3;
}

.r-16 {
	border-radius: 16rpx;
}

.ellipsis {
	white-space  : nowrap;
	text-overflow: ellipsis;
	overflow     : hidden;
}

.ellipsis-2 {
	display           : -webkit-box;
	overflow          : hidden;
	text-overflow     : ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;

}

::v-deep .uni-tabbar {
	background-color: red;
}

.default-btn {
	border-radius: 16rpx;
	color        : rgba(7, 11, 28, 0.8);
	font-size    : 32rpx;
	text-align   : center;
	border       : 2rpx solid rgba(31, 35, 41, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
}

.active-btn {
	border-radius: 16rpx;
	color        : #ffffff;
	font-size    : 32rpx;
	border       : 2rpx solid rgba(31, 35, 41, 0.1);
	text-align   : center;
	background   : linear-gradient(91deg, #5F82FF 0%, #436AF3 100%);
	display: flex;
	align-items: center;
	justify-content: center;
}

// 顶部导航栏
.page-head {
	position      : relative;
	min-width         : 100vw;
	padding-bottom: 16rpx;
	flex:1;
	padding-left: 32rpx;
	padding-right: 32rpx;
	.back {
		position: absolute;
		left    : 32rpx;
	}
	.extra{
		position: absolute;
		right: 32rpx;
	}
}

// 箭头
.arrow-left{
	transform: rotate(180deg);
}
.arrow-down{
	transform: rotate(90deg);
}
